<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>重庆耀炎食品有限公司</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/Cooperation.css">

<body>
<div class="main">
    <!--导航栏-->
    <div class="container nav-container">
        <ul class="nav">
            <!--首页-->
            <li class="nav-item ">
                <a href="../index.html">首页</a>
            </li>
            <!--品牌与产品-->
            <li class="nav-item">
                <a href="Product.html">品牌与产品</a>
            </li>
            <!--联合营作-->
            <li class="nav-item active">
                <a href="Cooperation.html">联合营作</a>
            </li>
            <!--logo-->
            <li class="nav-item mid_logo">耀炎食品</li>
            <!--配套服务-->
            <li class="nav-item">
                <a href="Service.html">配套服务</a>
            </li>
            <!--门店信息-->
            <li class="nav-item ">
                <a href="Info.html">门店信息</a>
            </li>
            <!--关于我们-->
            <li class="nav-item nav-about">
                <a href="About.html">关于我们</a>
                <div class="nav-about-list">
                    <p>企业</p>
                    <p>加入我们</p>
                </div>
            </li>
        </ul>
    </div>
    <!--轮播图-->
    <header class="container swiper-container">
        <!--图片展示区-->
        <div class="swiper-slider">
            <div class="swiper-item show">
                <img src="../imgs/banner1.png" alt="图片1">
            </div>
            <div class="swiper-item">
                <img src="../imgs/banner2.jpg" alt="图片2">
            </div>
            <div class="swiper-item">
                <img src="../imgs/banner3.jpg" alt="图片3">
            </div>
        </div>
        <!--左侧按钮-->
        <div class="swiper-button swiper-button-prev">
            <img src="../imgs/left.png" alt="上一张">
        </div>
        <!--右侧按钮-->
        <div class="swiper-button swiper-button-next">
            <img src="../imgs/right.png" alt="下一张">
        </div>
    </header>

    <!--联营合作-->
    <article>
        <div class="mid_img"></div>
    </article>

    <!--页脚-->
    <footer class="container footer">
        <!--左侧企业介绍-->
        <div class="footer_left">
            <p>重庆耀炎食品有限公司</p>
            <p>地址：重庆市渝中区龙湖时代天街C馆17栋</p>
            <p>耀炎食品&copy;版权所有</p>
        </div>
        <!--中间产品logo-->
        <div class="footer_mid">耀炎食品</div>
        <!--右侧联系方式-->
        <div class="footer_right">邮箱:info@yaoyanfood.com</div>
    </footer>
</div>
</body>
<script src="../js/header.js"></script>
</html>